<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>xxx网综合管理平台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="renderer" content="webkit">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <!--<link href="media/css/style-metro.css" rel="stylesheet" type="text/css" />-->
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-non-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <!-- <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css" />-->
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- END PAGE LEVEL STYLES -->
    <link href="media/css/mc/mc-charts.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/mc/animate.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/mc/miaov_style.css" rel="stylesheet" type="text/css"/>
    <!-- bxSlider CSS file -->
    <link href="media/css/jquery.bxslider.css" rel="stylesheet" />
    <script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <!-- bxSlider Javascript file -->
	<script src="media/js/jquery.bxslider.js"></script>
    <script src="media/js/mc/common.js" type="text/javascript"></script>
    <link rel="shortcut icon" href="media/image/favicon.ico"/>
    <script>
        var rn = "zb";
		jQuery(document).ready(function () {
		$('.zz-city-slider').bxSlider({
			slideWidth: 240,
			minSlides: 2,
			maxSlides: 5,
			moveSlides: 1,
			slideMargin: 20
		});
    });
    </script>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->

<body>
<div class="cgw-device-tip"></div>
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse ">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="navbar-inner">
        <div class="container-fluid">
            <!-- BEGIN LOGO -->
            <a class="brand" href="#">
                <img src="media/image/zz-logo.png" width="293" height="29" alt="logo"/>
            </a>
            <!-- END LOGO -->
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                <img src="media/image/menu-toggler.png" alt=""/>
            </a>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <!-- BEGIN TOP NAVIGATION MENU -->
            <ul class="nav pull-right cgw-top-nav">
                <!-- BEGIN TODO DROPDOWN -->
                <!-- END TODO DROPDOWN -->
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <li class="dropdown user">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img alt="" src="media/image/avatar1_small.jpg"/>
                        <span class="username">黄助理</span>
                        <i class="icon-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="extra_profile.html"><i class="icon-user"></i> 资料</a></li>
                        <li><a href="#"><i class="icon-tasks"></i> 我的消息</a></li>
                        <li class="divider"></li>
                        <!--<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
-->
                        <li><a href="login.html"><i class="icon-key"></i> 登出</a></li>
                    </ul>
                </li>
                <!-- END USER LOGIN DROPDOWN -->
            </ul>
            <!-- END TOP NAVIGATION MENU -->
        </div>
    </div>
    <!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar nav-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <p id="navLoad" style="color:#FFF;text-align: center"></p>
        <!-- END SIDEBAR MENU -->
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
    	<!-- BEGIN breadcrumb-->
    	
        <!-- END breadcrumb-->
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
            	<div class="breadcrumb">
                    <h3 class="page-title">
                        <i class="icon-home"></i> &nbsp; 综合管理平台 <small>首页</small>
                    </h3>
                </div>
                
            </div>
            <!-- END PAGE HEADER-->
            <div id="dashboard">
            	<!--BEGIN TOP NUM AND LINKS -->
				<div class="row-fluid">
                	<!--BEGIN 统计趋势-->
                	<div class="span7 zz-qs-box">
                    	<h2>趋势统计</h2>
                    	<div class="row-fluid zz-qs-rows">
                        	<div class="span3 zz-qs-top-titile">
                            	<img src="media/image/qs-left-charts.png" width="90px" /> 
                                <span>一周统计</span>
                            </div>
                            <div class="span8 text-center qs-progress">
                            	<small>新闻: 7892</small>
                            	<div class="progress progress-striped active">
									<div class="bar" style="width: 60%;"></div>
								</div>
                                <small>微博: 15896</small>
                                <div class="progress progress-striped progress-success active">
									<div class="bar" style="width: 80%;"></div>
								</div>
                                <small>论坛: 3908</small>
                                <div class="progress progress-striped progress-warning active">
									<div class="bar" style="width: 40%;"></div>
								</div>
                            
                            </div>
                        </div>
                        
                        <div class="row-fluid zz-top-links">
                        	<div class="span3 link-item">
                            	<a href="#" class="title">
                                    <div class="link-icon red">
                                        <i class="icon-inbox"></i>                                  
                                    </div>
                                    应用管理系统
                                </a>
                            </div>
                            <div class="span3 link-item">
                            	<a href="#" class="title">
                                    <div class="link-icon green">
                                        <i class="icon-signal"></i>                                  
                                    </div>
                                    无线业务门户系统
                                </a>
                            </div>
                            <div class="span3 link-item">
                            	<a href="#" class="title">
                                    <div class="link-icon blue">
                                        <i class="icon-hdd"></i>                                  
                                    </div>
                                    终端管理系统
                                </a>
                            </div>
                            <div class="span3 link-item">
                            	<a href="#" class="title">
                                    <div class="link-icon yellow">
                                        <i class="icon-eye-open"></i>                                  
                                    </div>
                                    舆情管控管理系统
                                </a>
                            </div>
                        </div>

                    </div>
                    <!--END 统计趋势-->
                    
                    <!--BEGIN 热点新闻-->
                    <div class="span5 zz-news-box">
                    	<h2>热点新闻</h2>
                        <div class="row-fluid news-item">
                        	<div class="span2">
                            	<div class="news-icon yellow">
                                    <i class="icon-bullhorn"></i>                                  
                                </div>
                            </div>
                            <div class="span9">
                            	<div class="blog-twitter-block">
                                    <a href="">5.05万亿：日本军费将再创新高</a>
                                    <p>陆上自卫队的“阿帕奇”武装直升机...</p>
                                    <span>3分钟前</span>
                                </div>                            
                            </div>
                        </div>
                        <div class="row-fluid news-item">
                        	<div class="span2">
                            	<div class="news-icon grey">
                                    <i class="icon-bell"></i>                                  
                                </div>
                            </div>
                            <div class="span9">
                            	<div class="blog-twitter-block">
                                    <a href="">多位华人教授在美被控“间谍” 国防保密法引关注</a>
                                    <p>近日华人科技界连续发生两起案件...</p>
                                    <span>3分钟前</span>
                                </div>                            
                            </div>
                        </div>
                        <div class="row-fluid news-item">
                        	<div class="span2">
                            	<div class="news-icon blue">
                                    <i class="icon-envelope-alt"></i>                                  
                                </div>
                            </div>
                            <div class="span9">
                            	<div class="blog-twitter-block">
                                    <a href="">航拍天津爆炸事故现场 地面现巨大深坑</a> 
                                    <p>无人机队深入天津滨海新区爆炸核心区域，直击天津港“8.12”重大火灾爆炸事故现场</p> 
                                    <span>3分钟前</span>
                                </div>                            
                            </div>
                        </div>
												
                    </div> 
                    <!--END 热点新闻-->
                </div>
               
               
				<!--END TOP NUM AND LINKS -->
              
              
              	<!--四个城市-->
                	<div class="row-fluid city-list">
                        <div class="zz-city-slider">
                            <div class="slide zb-slide">
                            	<h3><a href="#">总部</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">80%</span>
                                    </div>
                                    <div class="progress progress-success">
										<div class="bar" style="width: 80%;"></div>
									</div>
                            	</div>
							</div>
                            <div class="slide bj-slide">
                            	<h3><a href="#">北京</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">60%</span>
                                    </div>
                                    <div class="progress progress-warning">
										<div class="bar" style="width: 60%;"></div>
									</div>
                            	</div>
                            
                            </div>
                            <div class="slide sy-slide">
                            	<h3><a href="#">沈阳</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">60%</span>
                                    </div>
                                    <div class="progress progress-danger">
										<div class="bar" style="width: 60%;"></div>
									</div>
                            	</div>
                            
                            </div>
                            <div class="slide cd-slide">
                            	<h3><a href="#">成都</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">60%</span>
                                    </div>
                                    <div class="progress progress-warning">
										<div class="bar" style="width: 60%;"></div>
									</div>
                            	</div>
                            </div>
                            <div class="slide nj-slide">
                            	<h3><a href="#">南京</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">60%</span>
                                    </div>
                                    <div class="progress">
										<div class="bar" style="width: 60%;"></div>
									</div>
                            	</div>
                            
                            </div>
                            <div class="slide lz-slide">
                            	<h3><a href="#">兰州</a></h3>
                                <div class="city-tips">
                                	<p class="title">预警统计</p>
                                    <p class="num">489</p>
                                </div>
                                <div class="city-task-progress">
                                	<div class="city-task">
                                    	<span class="title">任务完成度</span>
                                        <span class="percent">60%</span>
                                    </div>
                                    <div class="progress progress-danger">
										<div class="bar" style="width: 60%;"></div>
									</div>
                            	</div>
                            
                            </div>
                        </div> 
                    </div>
                	
                <!--四个城市-->
              
              
              
                
                <!--BEGIN CHARTS -->
                <!--一栏 白色 titile-->
                <div class="row-fluid">
                    <div class="span12 charts-box">
                        <div class="portlet box purple cs-white map-chart-table">
                            <div class="portlet-title">
                                <div class="caption">任务地图</div>
                            </div>
                            <div class="portlet-body ">
                                <div id="zz-task-map" class="span7 chart-default ch-px420 pos-relative">
                                
                                </div>
                                
                                <div class="span4 map-table">
                                    <!-- BEGIN SAMPLE TABLE PORTLET-->           
                                    <div class="portlet">
                                        <div class="portlet-title">
                                            <div class="caption">状态</div>
                                            
                                        </div>
            
                                        <div class="portlet-body">
                                            <table class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th style="border-left:none;"> 统计</th>
                                                        <th style="border-left:none;" class="hidden-phone">城市</th>
                                                        <th style="border-left:none;"></th>
                                                        
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><span class="label label-success label-mini">40%</span></td>
                                                        <td class="hidden-phone">成都</td>
                                                        <td>
                                                        	<a class="btn green-stripe map-table-view" href="#">查看</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td><span class="label label-warning label-mini">70%</span></td>
                                                        <td class="hidden-phone">沈阳</td>
                                                        <td>
                                                        	<a class="btn red-stripe map-table-view" href="#">查看</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td><span class="label label-danger label-mini">85%</span></td>
                                                        <td class="hidden-phone">南京</td>
                                                        <td>
                                                        	<a class="btn blue-stripe map-table-view" href="#">查看</a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
            
                                    </div>
                                    <!-- END SAMPLE TABLE PORTLET-->
                                </div>
                                
                           
                                
                            </div>
                            	
                            
                            
                        </div>
                    </div>
                </div>
                <!--一栏-->
                <!--三栏 灰色titile-->
                <div class="row-fluid">
                    <div class="span4 charts-box">
                        <div class="portlet box purple cs-grey">
                            <div class="portlet-title">
                                <div class="caption">主题标签云</div>
                            </div>
                            <div id="zz-wordcloud"  class="portlet-body chart-default ch-px320 pos-relative">
                            </div>
                        </div>
                    </div>
                    <div class="span4 charts-box">
                        <div class="portlet box purple cs-grey">
                            <div class="portlet-title">
                                <div class="caption">倾向性分析</div>
                            </div>
                            <div id="zz-spss" class="portlet-body chart-default ch-px320 pos-relative">
                            </div>
                        </div>
                    </div>
                    <div class="span4 charts-box">
                        <div class="portlet box purple cs-grey">
                            <div class="portlet-title">
                                <div class="caption">完成率</div>
                            </div>
                            <div id="zz-overper" class="portlet-body chart-default ch-px320 pos-relative">
                            </div>
                        </div>
                    </div>
                </div>
                <!--三栏-->

                <!--两栏 灰色 titile-->
                <div class="row-fluid">
                    <div class="span6 charts-box">
                        <div class="portlet box purple cs-grey">
                            <div class="portlet-title">
                                <div class="caption">预警统计</div>
                            </div>
                            <div id="zz-hv1" class="portlet-body chart-default ch-px320 pos-relative">
                            </div>
                        </div>
                    </div>
                    
                    <div class="span6 charts-box">
                        <div class="portlet box purple cs-grey">
                            <div class="portlet-title">
                                <div class="caption">趋势统计</div>
                            </div>
                            <div id="zz-hv2" class="portlet-body chart-default ch-px320 pos-relative">
                            </div>
                        </div>
                    </div>
                </div>
                <!--两栏-->
                    
                	
                <!--BEGIN CHARTS -->
                

            </div>
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="footer">
    <div class="footer-inner">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持： 国家信息安全测评中心&nbsp;&nbsp;天融信科技有限公司
        &nbsp;&nbsp;&nbsp;&nbsp; 版权所有&copy;中国长城互联网信息中心
    </div>
    <div class="footer-tools">
            <span class="go-top">
			<i class="icon-angle-up"></i>
			</span>
    </div>
</div>
<!-- END FOOTER -->
<!-- BEGIN CORE PLUGINS -->
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<script src="media/js/respond.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<![endif]-->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/app.js" type="text/javascript"></script>
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- BEGIN END MC SCRIPTS -->

<script src="media/js/mc/d3.js" type="text/javascript"></script>
<script src="media/js/mc/d3.layout.cloud.js" type="text/javascript"></script>
<script src="media/js/mc/esl/esl.js" type="text/javascript"></script>
<script src="media/js/mc/doecharts/charts-func.js" type="text/javascript"></script>
<script src="media/js/index.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function () {
        App.init();
        //如果是静态页面，链接指向leave-href属性值
        if (_REQUEST_TYPE === 0) {
            $(".row-fluid .onLine").each(function (index, item) {
                $(item).attr("href", $(item).attr("leave-href"))
            });
        }
    });

</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->

</html>
